<script setup lang="ts">
import { ref } from 'vue'
import { Message } from 'element-ui'

const tableData = ref([])

const inputData = (data) => {
  tableData.value = data
}

defineExpose({
  inputData,
})
</script>

<template>
  <div class="fill-table">
    <el-table :data="tableData" border>
      <el-table-column prop="time" label="月报时间">
        <template #default="scope">
          {{ scope.row.year + '年' }}-{{ scope.row.month + '月' }}
        </template>
      </el-table-column>
      <el-table-column prop="planTotalInvestment" label="计划总投资（亿元）">
      </el-table-column>
      <el-table-column
        prop="addCompleteInvestment"
        label="累计完成投资（亿元）"
      >
      </el-table-column>
      <el-table-column
        prop="yearPlanTotalInvestment"
        label="本年度计划完成投资"
      >
      </el-table-column>
      <el-table-column
        prop="monthPlanTotalInvestment"
        label="年初截至本月已完成投资"
      >
      </el-table-column>
      <el-table-column prop="target" label="银行授权" :align="'center'">
        <el-table-column prop="target" label="授权银行"> </el-table-column>
        <el-table-column prop="creditLimit" label="授信额度（亿元）">
        </el-table-column>
        <el-table-column prop="addInvestment" label="累计放款（亿元）">
        </el-table-column>
      </el-table-column>
      <el-table-column prop="remark" label="其他融资方式">
        <el-table-column prop="financeInvestment" label="融资金额（亿元）">
        </el-table-column>
        <el-table-column prop="income" label="到位金额（亿元）">
        </el-table-column>
      </el-table-column>
    </el-table>
  </div>
</template>

<style scoped lang="scss">
.fill-table {
  position: relative;

  .fill-buttons {
    position: absolute;
    top: -40px;
    right: 16px;

    .danger-color {
      color: #f78989;
    }
  }
}
</style>
